<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/store_order.css">
    <title>门店订单</title>
</head>
<body>
<div class="body">
    <div class="bodyhead">
    <div class="search">
        <div class="search-content">
            <input type="text" class="ipt" placeholder="请输入查询商品的订单号">
        </div>
    </div>
    <div class="header">
        <div class="tabbar-nav">
            <div class="nav" onclick="chooseLevel(this)">
                <p>待付款</p>
            </div>

            <div class="nav" onclick="chooseLevel(this)">
                <p>已付款</p>
            </div>

            <div class="nav" onclick="chooseLevel(this)">
                <p>已预约</p>
            </div>

            <div class="nav" onclick="chooseLevel(this)">
                <p>已完成</p>
            </div>
        </div>
    </div>
    </div>
    <!-- 待付款start -->
    <div class="order-content">
        <div class="order-list">
            <!-- 单个列表项start -->
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 单个列表项end -->
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">等待买家付款</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 待付款end -->
    <!-- 已付款start -->
    <div class="order-content">
        <div class="order-list">
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">待预约</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <!-- <div class="item-s">
                            <div>取消订单</div>
                        </div> -->
                        <div class="item-s">
                            <div class="color">预约时间</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 已付款end-->
    <!-- 已预约start -->
    <div class="order-content active">
        <div class="order-list">
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">已预约</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <!-- <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div> -->
                        <div class="">2019-10-1 20:20:20</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 已预约end-->
    <!-- 已完成start -->
    <div class="order-content">
        <div class="order-list">
            <div class="order-item">
                <div class="order-item_head">
                    <div class="order-item_code">订单编号:<span>15255884444</span></div>
                    <div class="order-item_mark">已完成</div>
                </div>
                <div class="order-item_main">
                    <div class="item_head">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="order-item_text">
                        <div class="title">
                            标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题
                        </div>
                        <div class="desc">
                            <div class="desc-t">¥128.00</div>
                            <div>x1</div>
                        </div>
                    </div>
                </div>
                <div class="order-item_bottom">
                    <div class="left">
                        <div class="item-o">共<span>1</span>件商品</div>
                        <div class="">合计:<span class="color">¥128:00</span></div>
                    </div>
                    <div class="right">
                        <!-- <div class="item-s">
                            <div>取消订单</div>
                        </div>
                        <div class="item-s">
                            <div class="color">付款</div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 已完成end-->
    <div class="tabbar">
        <div class="tabbar-nav">
            <div class="nav" onclick="chooseTab('home')">
                <img src="./icon/home.png" class="icon-png home">
                <p>首页</p>
            </div>

            <div class="nav" onclick="chooseTab('service')">
                <img src="./icon/service.png" class="icon-png service">
                <p>客服</p>
            </div>

            <div class="nav" onclick="chooseTab('user')">
                <img src="./icon/user.png" class="icon-png user">
                <p>个人中心</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-3.1.1.min.js"></script>
<script src="./js/store_order.js"></script>
</html>